<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="id" label="id" width="180"> </el-table-column>
    <el-table-column prop="name" label="姓名" width="180"> </el-table-column>
    <el-table-column prop="address" label="登录地点"> </el-table-column>
    <el-table-column prop="equipment" label="登录设备"> </el-table-column>
    <el-table-column prop="time" label="登录时间"> </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          id: "1",
          date: "2016-05-03",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
          equipment: "windows xp",
          time: "2020-8-24"
        },
        {
          id: "2",
          date: "2016-05-02",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
          equipment: "mac",
          time: "2020-8-24"
        },
        {
          id: "3",
          date: "2016-05-04",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
          equipment: "windows 8.1",
          time: "2020-8-24"
        },
        {
          id: "4",
          date: "2016-05-01",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
          equipment: "mac",
          time: "2020-8-24"
        },
        {
          id: "5",
          date: "2016-05-08",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
          equipment: "mac",
          time: "2020-8-24"
        },
        {
          id: "6",
          date: "2016-05-06",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
          equipment: "linux",
          time: "2020-8-24"
        },
        {
          id: "7",
          date: "2016-05-07",
          name: "王小虎",
          address: "上海市普陀区金沙江路 1518 弄",
          equipment: "windows 10",
          time: "2020-8-24"
        }
      ]
    };
  }
};
</script>
